<!doctype html>
<html lang="en">
  <head>
    <%= htmlWebpackPlugin.options.tags.head %>
  </head>

  <body>
    <div class="page">
      <header class="page-header">
        <div class="page-header-nav">
          <div class="header-nav-left">
            <span class="glyphicon glyphicon-menu-left nav-back-btn" onclick="router.back()"></span>
          </div>
          <div class="header-nav-title">
            <h2 class="flex-1 font-size-normal text-align-center">Modify information</h2>
          </div>
        </div>
      </header>
      <!-- 内容主体 -->
      <main class="page-main">
        <div class="bg-regular">
          <div class="flex-column padding-x-15">
            <div class="justify-between align-center padding-y-20 border-bottom-base">
              <div>Notifications</div>
              <div class="align-center">
                <input class="checkbox-custom" type="checkbox" />
              </div>
            </div>
            <div class="justify-between align-center padding-y-20 border-bottom-base">
              <div>Mute</div>
              <div class="align-center">
                <input class="checkbox-custom" type="checkbox" />
              </div>
            </div>
            <div class="justify-between align-center padding-y-20 border-bottom-base">
              <div>No image under cellular network</div>
              <div class="align-center">
                <input class="checkbox-custom" type="checkbox" />
              </div>
            </div>

            <div class="flex-column padding-y-15">
              <div class="margin-bottom-10">Clear Cache</div>
              <div class="font-size-min text-color-secondary line-height-1_5">Offline areicles will be cleared as well, you may download aga</div>
            </div>
          </div>
        </div>

        <div class="bg-regular margin-top-10">
          <div class="flex-column padding-x-15">
            <div class="justify-between align-center padding-y-20 border-bottom-base">
              <div>Follow us on Facebook</div>
              <div class="align-center">
                <span class="glyphicon glyphicon-menu-right text-color-regular"></span>
              </div>
            </div>
            <div class="justify-between align-center padding-y-20 border-bottom-base">
              <div>Follow us on Twitter</div>
              <div class="align-center">
                <span class="glyphicon glyphicon-menu-right text-color-regular"></span>
              </div>
            </div>
            <div class="justify-between align-center padding-y-20">
              <div>Rate us</div>
              <div class="align-center">
                <span class="glyphicon glyphicon-menu-right text-color-regular"></span>
              </div>
            </div>
          </div>
        </div>

        <div class="bg-regular margin-top-10">
          <div class="flex-column padding-x-15">
            <div class="justify-between align-center padding-y-20 border-bottom-base">
              <div>Copyright declaration</div>
              <div class="align-center">
                <span class="glyphicon glyphicon-menu-right text-color-regular"></span>
              </div>
            </div>
            <div class="justify-between align-center padding-y-20 border-bottom-base">
              <div>Terms of service</div>
              <div class="align-center">
                <span class="glyphicon glyphicon-menu-right text-color-regular"></span>
              </div>
            </div>
            <div class="justify-between align-center padding-y-20">
              <div>Privacy policy</div>
              <div class="align-center">
                <span class="glyphicon glyphicon-menu-right text-color-regular"></span>
              </div>
            </div>
          </div>
        </div>

        <div class="bg-regular margin-top-10">
          <div class="flex-column padding-x-15">
            <div class="justify-between align-center padding-y-20">
              <div>Current Version NEW</div>
              <div class="align-center">
                <span class="bg-theme-color text-white padding-x-5 radius-base line-height-1">NEW</span>
                <span class="margin-left-5">1.10.10</span>
              </div>
            </div>
          </div>
        </div>
      </main>
    </div>

    <%= htmlWebpackPlugin.options.tags.foot %>
  </body>
</html>
